<template>
    <div>
        {{ message }}<br /><button type="button" @click="clickMe">Click Me!</button>
        <router-link :to="{path: '/production'}">to production</router-link>
    </div>
</template>

<script lang="ts">
    import { Vue, ProvideReactive, Provide } from "vue-property-decorator";
    import Component from "vue-class-component";

    @Component({ name: "Index" })
    export default class Index extends Vue {
        @ProvideReactive() message: string = "欢迎使用 Vue.js";

        public created() {
            console.log("created...");
        }

        public clickMe() {
            alert("Click Me!");
        }
    }
</script>

